<div nz-row style="border: 1px solid #cccccc">
    <div nz-col nzSpan="18" class="upload-content">
        <nz-upload
            [nzAccept]="'image/jpeg,image/png'"
            nzAction="{{uploadPath}}"
            nzListType="picture-card"
            [nzName]="'files'"
            [nzRemove]="uploadRemove"
            [(nzFileList)]="fileList"
            [nzShowButton]="fileList.length < 3"
            (nzChange)="uploadChange($event)"
            [nzPreview]="handlePreview">
            <i nz-icon type="plus"></i>
            <div class="ant-upload-text">上传图片</div>
        </nz-upload>
        <nz-modal [nzVisible]="previewVisible" [nzContent]="modalContent" [nzFooter]="null"
                  (nzOnCancel)="previewVisible=false">
            <ng-template #modalContent>
                <img [src]="previewImage" [ngStyle]="{ 'width': '100%' }" alt=""/>
            </ng-template>
        </nz-modal>
    </div>
    <div nz-col nzSpan="6" class="upload-explain">
        <p>注：</p>
        <p>1、只能上传jpg/png格式文件，单个文件不能超过500kb；</p>
        <p>2、每个地块对应最多添加3张照片，照片上需自动打印编码与地块序号对应。</p>
    </div>
</div>
